<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/modules/reset.css">
    <link rel="stylesheet" href="/css/modules/iconfont.css">
    <link rel="stylesheet" href="/css/index.css">
    <link rel="stylesheet" href="/css/card.css">
</head>
<header></header>
<body>
    <div>
        <div class="content">
            <table class="lv-tableCard">
                <thead>
                    <tr class="lv-trCard">
                        <th><input type="checkbox" id="all-Check">全部商品</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>金额</th>
                        <th>删除</th>
                    </tr>
                </thead>
                
                <tbody id="lvshowUl">

                </tbody>

                <script type="text/html" id="lvshowUlTemplate"> 
                    {{each list gift}}
                        <tr class="lv-trNumber" data-id="{{gift.id}}">
                        <td>
                            <input type="checkbox" class="LvCheck" {{ gift.check ? 'checked' : ''}}>
                            <img src="{{gift.src}}" alt="">
                            <span>{{gift.title}}</span>
                        </td>
                        <td>
                            <span>￥{{gift.price}}</span>
                        </td>
                        <td>
                            <button class="card-jian">-</button>
                            <input type="text" class="card-amount" value="{{gift.num}}" {{ gift.check ? 'checked' : ''}}>
                            <button class="card-jia">+</button>
                        </td>
                        <td>￥
                            <span>{{gift.price * gift.num}}</span>
                        </td>
                        <td><button class="lvdel">删除</button></td>
                    </tr> 
                    {{/each}}
                    
                </script>
                <!-- <script type="text/html"> -->
                <tfoot>
                    <tr class="lv-trNumber">
                        <td></td>
                        <td></td>
                        <td>应付金额￥<b id="Paymoney"></b></td>
                        <td>
                            <button>提交订单</button>
                        </td>
                    </tr>
                </tfoot>
            <!-- </script> -->
            </table>
            <table  class="lv-tableCard">
                <thead><a href="">你的购物车为空,点我去购物吧</a></thead>
            </table>
        </div>
    </div>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/card" ></script>
</body>
</html>